<script setup lang="ts">
import BossForm from '../components/BossForm.vue';
import JobList from '../components/JobList.vue';
</script>
<template>
  <div class="layout">
    <div class="left">
      <BossForm></BossForm>
    </div>
    <div class="right">
      <JobList></JobList>
    </div>
  </div>
</template>

<style lang="scss">
.layout {
  display: flex;
  height: 100vh;
  min-width: 1000px;
}

.layout .left {
  width: 500px;
  background-color: #f7f7f7;
  padding: 30px 20px;
}

.layout .right {
  flex: 1;
  background-color: #f7f7f7;
  padding: 30px 20px;
  border-left: 1px solid #e4e4e4;
  overflow: auto;
}</style>